<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Focus - Avaleht</title>
<link href="http://fonts.googleapis.com/css?family=PT+Sans|Changa+One" rel="stylesheet" type="text/css">
<link href="styles/common.css" rel="stylesheet" type="text/css" />
<link href="styles/messages.css" rel="stylesheet" type="text/css" />
<link href="coin-slider/coin-slider-styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="coin-slider/coin-slider.js"></script>
<script type="text/javascript" src="js/focus.messages.js"></script>
<script type="text/javascript" src="js/focus.core.js"></script>
</head>

<body>

<div class="content">

  <div class="left-content">
  
  	<div class="add-filter">
  
        <form action="#" method="post" enctype="multipart/form-data" name="addform" class="addform" id="install">
            <div class="addform-row">
                <label>Pealkiri
                  <input name="title" type="text" class="input-field" id="title" />
                </label>
            </div>
            
            <!-- Tabhost start -->
             <div class="addform-tabhost">
               <ul>
                 <li name="1">B-Turg</li>
                 <li name="2">Hinnavaatlus</li>
                 <li name="3">Osta.ee</li>
                 <li name="4">Soov.ee</li>
               </ul>
             </div>	
             
             <!-- Tabhost container #1 start -->
             <div class="addform-tabhost-container" id="tabhost-tab-1">
             
           	   <div class="addform-tabhost-separator">
                    <label>
                        Kategooriad
                        <select name="categories-1" size="20" class="addform-tabhost-list">
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                        </select>
                  	</label>
                </div>	
                
               <div class="addform-tabhost-separator">
                    <label>Asukoht
                    </label>
                    <input name="location-1" type="text" class="input-field-small" />
                    
                    <label>Hind
                 	</label>
                    <input name="price-min-1" type="text" class="input-field-small" value="Min" />
                    <input name="price-max-1" type="text" class="input-field-small" value="Max" />
                    
                    <label>Üldpind (rm)
                 	</label>
                    <input name="area-min-1" type="text" class="input-field-small" value="Min" />
                    <input name="area-max-1" type="text" class="input-field-small" value="Max" />
                    
                    <label>
                       <input type="checkbox" name="checkbox" id="checkbox" /> Valiku väärtus
                    </label>
                    
                    <label>
                       <input type="checkbox" name="checkbox" id="checkbox" /> Valiku väärtus
                    </label>
                    
                    <label>Nädis dropdown
                    </label>
                 	<select name="select" class="input-field-dropdown">
                      <option>Kategooria 1</option>
                    </select>
               </div>	
               
             </div>	
             <!-- Tabhost container #1 end -->
             
             <!-- Tabhost container #2 start -->
             <div class="addform-tabhost-container" id="tabhost-tab-2">
             
           	   <div class="addform-tabhost-separator">
                    <label>
                        Kategooriad
                        <select name="categories-2" size="20" class="addform-tabhost-list">
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                        </select>
                  	</label>
                </div>	
                
               <div class="addform-tabhost-separator">
                 <div class="addform-message">Alustamiseks vali kategooria.</div>
               </div>
               
             </div>	
             <!-- Tabhost container #2 end -->
             
             <!-- Tabhost container #3 start -->
             <div class="addform-tabhost-container" id="tabhost-tab-3">
             
           	   <div class="addform-tabhost-separator">
                    <label>
                        Kategooriad
                        <select name="categories-1" size="20" class="addform-tabhost-list">
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                        </select>
                  	</label>
                </div>	
                
               <div class="addform-tabhost-separator">
                    <label>Asukoht
                    </label>
                    <input name="location-3" type="text" class="input-field-small" />
                    
                    <label>Hind
                 	</label>
                    <input name="price-min-3" type="text" class="input-field-small" value="Min" />
                    <input name="price-max-3" type="text" class="input-field-small" value="Max" />
                    
                    <label>Üldpind (rm)
                 	</label>
                    <input name="area-min-3" type="text" class="input-field-small" value="Min" />
                    <input name="area-max-3" type="text" class="input-field-small" value="Max" />
               </div>
               
             </div>	
             <!-- Tabhost container #3 end -->
             
             <!-- Tabhost container #4 start -->
             <div class="addform-tabhost-container" id="tabhost-tab-4">
             
           	   <div class="addform-tabhost-separator">
                    <label>
                        Kategooriad
                        <select name="categories-4" size="20" class="addform-tabhost-list">
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                          <option>Kategooria 1</option>
                        </select>
                  	</label>
                </div>	
                
               <div class="addform-tabhost-separator">
                    <label>Asukoht
                    </label>
                    <input name="location-4" type="text" class="input-field-small" />
                    
                    <label>Hind
                 	</label>
                    <input name="price-min-4" type="text" class="input-field-small" value="Min" />
                    <input name="price-max-4" type="text" class="input-field-small" value="Max" />
                    
                    <label>Üldpind (rm)
                 	</label>
                    <input name="area-min-4" type="text" class="input-field-small" value="Min" />
                    <input name="area-max-4" type="text" class="input-field-small" value="Max" />
               </div>
               
             </div>	
             <!-- Tabhost container #4 end -->
             
             <!-- Tabhost end -->
             
             <div class="addform-row">
                <label>
                  <input type="checkbox" name="sendByEmail" checked="checked" /> Soovin, et uuest sisust teavitatakse mind e-posti teel
                </label>
            </div>
        
        	<div class="addform-row">
                <label>Intervall
                  (sekundites) - 
                  <a href="javascript:calcAndSetInterval(1);">Iga tund</a> | <a href="javascript:calcAndSetInterval(24);">Iga päev</a> | <a href="javascript:calcAndSetInterval(7 * 24);">Kord nädalas</a> | 
                  <a href="javascript:calcAndSetInterval(3.5 * 24);">Kaks korda nädalas</a>
                  <input name="interval" type="text" class="input-field" id="interval" value="3600" />
                </label>
            </div>
            
        </form>
            
    	<!-- core.js sisaldab click meetodit. Vormi postitamiseks muuda üleval action parameetrit. (Ilmselt peaks tühi olema) -->
        <span class="button form-button focused-button" id="add-btn">Valmis</span>
        <span class="button form-button" onclick="resetForm($('form[name=addform]'));">Tühjenda väljad</span>
     </div>
     
  </div>
  
  
  <div class="right-content">
  
    <div class="right-navig-section">
    	<h2>Lisa uus jälgija</h2>
    </div>
    
    <div class="right-navig-section">Vali sisuallikas ja täpsusta otsinguparameetreid.</div>
   
  </div>
</div>

<div id="navigation-bar-container">
    <ul id="navigation-bar">
        <li id="logo">focus</li>
        <li class="button">Abiinfo</li>
        <li class="button" id="btn-sign-out">Logi välja</li>
    </ul>
</div>
</body>
</html>